<template>
  <div>
    <div>
      <van-tabs v-model="active">
        <van-tab title="有效"></van-tab>
        <van-tab title="失效"></van-tab>
        <van-tab title="已使用"></van-tab>
      </van-tabs>
      <div class="nocoupon">
        <img src="../../assets/img/space_coupons.png" alt="">
        <p>暂无优惠券</p>
      </div>

    </div>
  </div>
</template>

<script>
    export default {
        name: "coupon",
      data(){
          return{
            active:0
          }
      }
    }
</script>

<style scoped lang="scss">
.nocoupon{
  width: 70vw;
  height: auto;
  margin: 0 auto;
  margin-top: 34vw;
    img{
      width: 100%;
    }
  p{
    width: 100%;
    font-size: 15px;
    color: #666;
    text-align: center;

  }
}
</style>
